body {
  background-color: rgb(237, 242, 249);
}

.first-container {
  height: 100%;
  width: 100%;
  position: relative;
  box-sizing: border-box;

  .header {
    padding: 0;
    height: 160px;
    background: #fff;
  }

  .second-container {
    padding: 0 10px 10px 10px;
    box-sizing: border-box;
    overflow: hidden;

    .second-aside {
      width: 300px;
      padding: 10px 0 0 0;
      margin-right: 10px;
      box-sizing: border-box;
    }

    .second-main {
      box-sizing: border-box;
      padding: 10px 0 0 0;
    }
  }
}


// 条线选择
.container {
  height: 100%;

  .box-card {
    height: 100%;

    .title-wrapper {
      //background: linear-gradient(90deg, #5171fd, #c97afd);
      //background: linear-gradient(90deg, #0081ff, #1cbbb4);
      background: linear-gradient(90deg, #3dadf6, #737bfc);
      font-size: var(--el-font-size-extra-large);
      line-height: 3;
      font-weight: bold;
      padding-left: 20px;
      color: white;
    }

    .el-menu-vertical {
      height: 100%;
    }

    .el-menu-item.is-active {
      color: #fff;
      position: relative;
      //background-color: #e38139;
      //background: linear-gradient(90deg, #ea677c, #ef9b5f)
      //background: linear-gradient(90deg, #E9E9E9, #fff);
      background: linear-gradient(90deg, #42d79b, #a6e25f);
    }

    .el-menu-item.is-active:after {
      content: "";
      background: url("@/assets/hand.png") no-repeat 0 0;
      background-size: 100%;
      width: 30px;
      height: 30px;
      color: #409EFF;
      position: absolute;
      font-size: 30px;
      font-weight: 600;
      right: 20px;
    }

    .el-menu-item {
      font-weight: 800;
      border-bottom: 1px solid var(--el-border-color);
    ;
    }
  }
}
